<template>
  <bar-chart width="1600" height="800" :options="barChartoptions" />
</template>

<script setup>
import BarChart from '@/components/bar/index.vue'

const barChartoptions = {
  type:'horizontal', // vertical
  data: [
    { name: 'Shao-Kui', value: 6 },
    { name: 'Wen-Yang', value: 6 },
    { name: 'Cai Yun', value: 16 },
    { name: 'Yuan-chen', value: 6 },
    { name: 'Rui-Long', value: 10 },
    { name: 'He Yu', value: 20 },
    { name: 'Xiang-Li', value: 12 },
    { name: 'Wei-Yu', value: 15 },
    { name: 'chen Zheng', value: 14 },
    { name: 'Yu Peng', value: 15 },
    { name: 'Li Jian', value: 18 }
  ],
  title: {
    show: true,
    text: '柱状图标题内容',
    textStyle: {
      color: 'red',
      fontSize: '40px'
    }
  }
}
</script>

<style scoped></style>
